<!DOCTYPE html>
<html lang="zh-cmn-Hans">
  <head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta name="format-detection" content="telephone=no" />
    <link rel="stylesheet" href="../../../static/mobile/default/css/layout.css?v=2"/>
    <link rel="icon" type="image/png" href="../../../static/favicon.ico"/>
    <script src="../../../static/js/jquery/jquery/2.1.4/jquery.min.js"></script>
    <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
    <script src="../../../static/js/jquery/jquery.cookie.js"></script>
    <script src="../../../static/mobile/default/js/page.js?v=1"></script>
    <title>合同范本预览  - 达漂亮</title>
          
<link rel="stylesheet" href="../../../static/mobile/default/css/picker.css"/>
<link rel="stylesheet" href="../../../static/mobile/default/css/userData.css" />
<link rel="stylesheet" href="../../../static/mobile/default/css/orderDetails.css" />
 <style type="text/css">
        .lightbox{
            position: fixed;
            top: 0px;
            left: 0px;
            height: 100%;
            width: 100%;
            z-index: 7;
            opacity: 0.3;
            display: block;
            background-color: rgb(0, 0, 0);
        }
        .pop{
            position: absolute;
            left: 50%;
            width: 894px;
            margin-left: -447px;
            z-index: 9;
        }
    </style>

</head>
<body >
  <div class="page myOrder">
    		<div class="page-hd">
            <div class="header base-header bor-1px-b">
                <div class="header-left">
                    <a href="javascript:history.go(-1)" class="left-arrow"></a>
                </div>
                <div class="header-title">合同范本预览</div>
                <div class="header-right">
                    <!-- <a href=""></a> -->
                </div>
            </div>
        </div>
      
      <div class="page-bd " >
          <div onclick="showPdf()">11111</div>
    <div id="container" style="display: none;">
        <div class="lightbox"></div>
        <div id="pop" class="pop">
            <canvas id="the-canvas"></canvas>
        </div>
    </div> 
</div>
    

  </div>
</body>
<script src="../../../static/mobile/default/js/pdf.js" type="text/javascript"></script>
    <script type="text/javascript">
    		
var url = getUrlParam('pdf')

    
        function showPdf() {
            var container = document.getElementById("container");
            container.style.display = "block";
            var url = 'https://mp.jianguoes.com/user/user/contract/preview.html';
            PDFJS.workerSrc = '../../../static/mobile/default/js/pdf.worker.js';
            PDFJS.getDocument(url).then(function getPdfHelloWorld(pdf) {
                pdf.getPage(1).then(function getPageHelloWorld(page) {
                    var scale = 1;
                    var viewport = page.getViewport(scale);
                    var canvas = document.getElementById('the-canvas');
                    var context = canvas.getContext('2d');
                    canvas.height = viewport.height;
                    canvas.width = viewport.width;
                    var renderContext = {
                        canvasContext: context,
                        viewport: viewport
                    };
                    page.render(renderContext);
                });
            });
        }
    </script>
</html>